<template>
  <div class="finished">
    <div class="middle">
      <img class="img" :src="finishedImg">
      <div class="text_wrap">
        <p class="text">传达给产品经理中...</p>
        <p class="text">谢谢您的建议~</p>
      </div>
    </div>
  </div>
</template>

<script>
import finishedImg from '../../assets/img/pluto-delivery-1.svg'
export default {
  name: 'finished',
  data () {
    return {
      finishedImg: finishedImg
    }
  }
}
</script>

<style lang="scss" scoped>
  .finished{
    /*border: px2rem(2) solid red;*/
    width: 100%;
    height: px2rem(211);
    margin-top: 20%;
    text-align: center;
    .img {
      width: px2rem(110);
      height: px2rem(140);
    }
    .text_wrap{
      width: 100%;
      height: px2rem(40);
      margin-top: px2rem(31);
      text-align: center;
      .text{
        color: #BCBFC4;
        font-size: $text-size-normal;
        line-height: px2rem(20);
      }
    }
  }
</style>
